﻿<!DOCTYPE html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head th:replace="index/common/head(${webInfo})"></head>
<body>
<div th:replace="index/common/top_header">
</div>
<div class="container">
    <div class="tool-tags" style="margin-top: 8px;">
        <i class="icon ion-md-book"></i>
        站内推荐
        <div class="pull-right">
            <a href="#" style="color: #3fa0ff;font-size: 20px;font-weight: normal">
                <i class="icon ion-md-journal"></i>
                查看更多
            </a>
        </div>
    </div>
    <div class="row">
        <div class="post-lists">
            <div class="post-lists-body">
                <div class="post-list-item" th:each="article: ${articles.getList()}">
                    <div class="post-list-item-container">
                        <a th:href="'/article/view/' + ${article.articleSeq}"
                           class="item-thumb  bg-deepgrey"
                           th:style="'background-image:url('+ ${article.coverImage} +');'">
                            <span class="item-desc" th:text="${article.summary}"></span>
                        </a>
                        <div class="item-slant"></div>
                        <div class="item-label">
                            <div class="item-title">
                                <a th:href="'/article/view/' + ${article.articleSeq}"
                                   th:text="${article.title}">
                                </a>
                            </div>
                            <div class="item-meta clearfix">
                                <div class="item-user-avatar">
                                    <a th:href="'/user/'+${article.user.userSeq}">
                                        <img alt="default" th:src="${article.user.avatar}"/>
                                    </a>
                                </div>
                                <div class="item-user-name">
                                    <a th:href="'/user/'+${article.user.userSeq}"
                                       th:utext="${article.user.userName}">
                                    </a>
                                </div>
                                <div class="item-meta-ico">
                                    <a th:href="'/classify/' + ${article.category.name}">
                                        <img alt="default" src="/index/svg/resource/default.svg"/>
                                    </a>
                                </div>
                                <div class="item-meta-cat">
                                    <a th:href="'/classify/' + ${article.category.name}"
                                       th:utext="${article.category.name}">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tool-tags" style="margin-top: 8px;">
        <i class="icon ion-md-book"></i>
        最新发布
        <div class="pull-right">
            <a href="#" style="color: #3fa0ff;font-size: 20px;font-weight: normal">
                <i class="icon ion-md-journal"></i>
                查看更多
            </a>
        </div>
    </div>
    <div class="row">
        <div class="post-lists">
            <div class="post-lists-body">
                <div class="post-list-item" th:each="article: ${articles.getList()}">
                    <div class="post-list-item-container">
                        <a th:href="'/article/view/' + ${article.articleSeq}"
                           class="item-thumb  bg-deepgrey"
                           th:style="'background-image:url('+ ${article.coverImage} +');'">
                            <span class="item-desc" th:text="${article.summary}"></span>
                        </a>
                        <div class="item-slant"></div>
                        <div class="item-label">
                            <div class="item-title">
                                <a th:href="'/article/view/' + ${article.articleSeq}"
                                   th:text="${article.title}">
                                </a>
                            </div>
                            <div class="item-meta clearfix">
                                <div class="item-user-avatar">
                                    <a th:href="'/user/'+${article.user.userSeq}">
                                        <img alt="default" th:src="${article.user.avatar}"/>
                                    </a>
                                </div>
                                <div class="item-user-name">
                                    <a th:href="'/user/'+${article.user.userSeq}"
                                       th:utext="${article.user.userName}">
                                    </a>
                                </div>
                                <div class="item-meta-ico">
                                    <a th:href="'/classify/' + ${article.category.name}">
                                        <img alt="default" src="/index/svg/resource/default.svg"/>
                                    </a>
                                </div>
                                <div class="item-meta-cat">
                                    <a th:href="'/classify/' + ${article.category.name}"
                                       th:utext="${article.category.name}">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="index/common/bottom_footer"></div>

<a href="#" class="scroll-top"></a>

<script th:replace="index/common/base_script"></script>

</body>
</html>
